<template>
	<view>
		<u-navbar back-icon-color="#FFFFFF" :border-bottom="false" title="申请规则" title-color="#FFFFFF"
			:background="background">
		</u-navbar>
		<view class="top"></view>
		<view class="content">
			<view class="form">
				<view class="title">
					<view class="text">
						高级合伙人
					</view>
					<image src="../static/x6.png" class="img"></image>
				</view>
				<view class="down">
					<view class="list">
						<view class="name">
							<view class="icon"></view>
							<view class="text">
								条件
							</view>
						</view>
						<view class="inp">
							团队10名以上活跃玩家即可申请
						</view>
					</view>
					<view class="list">
						<view class="name">
							<view class="icon"></view>
							<view class="text">
								要求
							</view>
						</view>
						<view class="inp">
							团队新增20名活跃玩家
						</view>
					</view>
					<view class="list">
						<view class="name">
							<view class="icon"></view>
							<view class="text">
								政策
							</view>
						</view>
						<view class="inp" style="margin-bottom: 40rpx;">
							1、彩蛋活动更高奖励 <br> （预期12000每月倍增）
						</view>
						<view class="inp" style="margin-bottom: 40rpx;">
							2、新增玩家多10人，额外奖励1000
						</view>
						<view class="inp" style="padding-bottom: 40rpx;">
							3、孵化高级合伙人享受额外福利奖励
						</view>
					</view>
				</view>
			</view>
			<view class="form" style="margin-top:30rpx ;">
				<view class="title">
					<view class="text">
						大区合伙人
					</view>
					<image src="../static/x6.png" class="img"></image>
				</view>
				<view class="down">
					<view class="list">
						<view class="name">
							<view class="icon"></view>
							<view class="text">
								条件
							</view>
						</view>
						<view class="inp">
							团队20名以上活跃玩家即可申请
						</view>
					</view>
					<view class="list">
						<view class="name">
							<view class="icon"></view>
							<view class="text">
								要求
							</view>
						</view>
						<view class="inp" style="margin-bottom: 40rpx;">
							1、团队新增50名活跃玩家
						</view>
						<view class="inp">
							2、每月孵化2名高级合伙人
						</view>
					</view>
					<view class="list">
						<view class="name">
							<view class="icon"></view>
							<view class="text">
								政策
							</view>
						</view>
						<view class="inp" style="margin-bottom: 40rpx;">
							1、彩蛋活动最高奖励 <br> （预期50000每月倍增）
						</view>
						<view class="inp" style="margin-bottom: 40rpx;">
							2、新增玩家多20人，额外奖励2000
						</view>
						<view class="inp" style="padding-bottom: 40rpx;">
							3、孵化高级合伙人享受额外福利奖励
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	var than;
	export default {
		data() {
			return {
				background: {
					'background': 'transparent'
				},
				show: false,
				list: [{
						value: '高级合伙人',
						label: '高级合伙人'
					},
					{
						value: '大区合伙人',
						label: '大区合伙人'
					}
				],
				type: "",
				name: "",
				telphone: "",
				plan_number: "",
				timeout: 1000,
			}
		},
		onLoad(option) {
			than = this;
		},
		methods: {
			confirm(e) {
				than.type = e[0].label
			},
			apply() {
				if (!than.type) {
					than.toast("未选择类别")
					return false
				}
				if (!than.name) {
					than.toast("未填写申请人")
					return false
				}
				if (!than.telphone) {
					than.toast("输入联系方式")
					return false
				}
				if (!than.plan_number) {
					than.toast("输入团队玩家预期数")
					return false
				}
				this.$u.debounce(this.getResult, this.timeout, false);
			},
			getResult() {
				than.post('api/Novice_reward/apply', {
					type: than.type,
					name: than.name,
					telphone: than.telphone,
					plan_number: than.plan_number
				}, function(data) {
					than.toast(data)
					setTimeout(function() {
						uni.navigateBack();
					}, 1500);
				})
			},
		}
	}
</script>

<style lang="less">
	.top {
		width: 100%;
		height: 764rpx;
		position: fixed;
		top: 0;
		background-image: url(../static/x5.png);
		background-size: 100% 100%;
	}

	page {
		background: #223663;
	}

	.div {
		height: 900rpx;
	}

	.content {
		width: 690rpx;
		margin: auto;
		position: relative;
		z-index: 10;
		background: #3C5081;
		padding: 28rpx 0;

		.form {
			width: 630rpx;
			margin: auto;

			.button {
				margin-top: 74rpx;
				padding-bottom: 42rpx;

				.b1 {
					width: 484rpx;
					height: 98rpx;
					background: linear-gradient(0deg, #FFDCA5 0%, #EEB674 100%);
					box-shadow: 0px 9rpx 21rpx 0px rgba(239, 184, 118, 0.45);
					border-radius: 49rpx;
					font-size: 36rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #663D2A;
				}
			}

			.title {
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				height: 115rpx;
				background: linear-gradient(0deg, #DAB693 0%, #CA8F6F 100%);
				box-shadow: 0px 6rpx 27rpx 0px rgba(204, 147, 114, 0.38);
				border-radius: 10rpx 10rpx 0 0;

				.text {
					font-size: 54rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #FFFFFF;
					text-shadow: 0px 6rpx 5rpx rgba(204, 147, 114, 0.38);
				}

				.img {
					position: absolute;
					width: 460rpx;
					height: 43rpx;
				}
			}

			.down {
				background: #FFFFFF;
				border-radius: 0 0 10rpx 10rpx;
				padding-top: 24rpx;


				.list {
					margin: 0 36rpx 13rpx;

					.name {
						display: flex;
						align-items: center;
						margin-left: 19rpx;
						height: 95rpx;

						.icon {
							width: 18rpx;
							height: 18rpx;
							background: #FF5B07;
							border-radius: 50%;
							margin-right: 15rpx;
						}

						.text {
							font-size: 36rpx;
							font-family: Source Han Sans CN;
							font-weight: bold;
							color: #223663;
						}
					}

					.inp {
						width: 555rpx;
						padding-left: 52rpx;
						position: relative;
						display: flex;
						align-items: center;
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #36508A;
					}
				}
			}
		}
	}
</style>
